<template>
<<<<<<< HEAD
  <div>
    <van-tabs v-model="active" type="line" line-width="80px" animated>
      <van-tab title="当前订单">当前订单</van-tab>
      <van-tab title="历史订单">历史订单</van-tab>
=======
  <div class="order">
    <van-tabs v-model="active" type="line" line-width="80px" animated fixed>
      <van-tab class="order-tab" title="当前订单">
        <now-order />
      </van-tab>
      <van-tab title="历史订单">
        <history-order/>
      </van-tab>
>>>>>>> da85937c46a68704623e1c653d56a4a2c6859127
    </van-tabs>
  </div>
</template>

<script>
<<<<<<< HEAD
export default {
=======
import HistoryOrder from '../components/HistoryOrder.vue';

export default {
  components: { HistoryOrder },
 
>>>>>>> da85937c46a68704623e1c653d56a4a2c6859127
  data() {
    return {
      active: 1,
    };
  },
};
</script>

<style scoped>
<<<<<<< HEAD
.van-tab--active {
  color: black;
  font-weight: bold;
}
.tab-list .van-tabs__line {
  background-color: #a5d403 !important;
=======
::v-deep .orderList .van-tab--active {
  color: black;
  font-weight: bold;
}
::v-deep .van-tabs__line {
  background-color: #a7d500;
}
.order > .van-tabs > ::v-deep .van-tabs__wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  width: 100%;
>>>>>>> da85937c46a68704623e1c653d56a4a2c6859127
}
</style>